<template>
	<view class="">
		<view class="user-view column justify-between">
			<view class="user-center">
				<view class="w-100 user-heard u-bdr-12 u-m-b-20">
					<view class="u-m-b-52 u-bdr-12 bg-f u-p-b-2">
						<view class="u-p-t-32 u-p-l-20 u-p-b-40 u-f-32 font-weight-550">创造工具</view>
						<view class="space-between flex-wrap">
							<view class="direction cygj-item u-m-b-36" @click="$navTo('/me/create/course/index')">
								<image src="@/static/images/me/chuangzuo.png" mode=""></image>
								<view class="u-f-24">剧集管理</view>
							</view>
							<view class="direction cygj-item u-m-b-36" @click="$navTo('/me/create/order/index')">
								<image src="@/static/images/me/taocan.png" mode=""></image>
								<view class="u-f-24">推广订单</view>
							</view>
							<view class="cygj-item"></view>
							<view class="cygj-item"></view>
						</view>
					</view>
				</view>
				<view class="all-btn active-btn" @click="goNav('/me/create/siteweb')">
					<view class="flex-center">
						<view style="font-size: 15px;color: #AEAEAE;"> 使用网页端进行操作 > </view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			goNav(e) {
				uni.navigateTo({
					url: e
				})
			},
			// 退出登录
			loginOut() {
				uni.showModal({
					title: '退出提醒',
					content: '确定要退出登录么',
					confirmColor: '#8B8FF0',
					success: e => {
						if (e.confirm) {
							this.avatar = '/static/images/logo.png';
							this.userName = '';
							// this.isLogin = false
							// 清除本地数据
							uni.removeStorageSync('token')
							uni.removeStorageSync('userName')
							uni.removeStorageSync('avatar')
							uni.removeStorageSync('phone')
							uni.removeStorageSync('invitationCode')
							uni.removeStorageSync('sex')
							uni.removeStorageSync('userId')
							uni.removeStorageSync('openId')
							uni.removeStorageSync('zhiFuBao')
							uni.removeStorageSync('zhiFuBaoName')
							uni.removeStorageSync('isVIP')
							uni.showToast({
								icon: 'none',
								title: '退出登录成功'
							})
							setTimeout(function() {
								uni.navigateBack()
							}, 1500)
						}
					}
				});
			}
		}

	}
</script>


<style lang="scss">
	page {
		background: linear-gradient(180deg, #E8F0FC 0%, #F8F8FA 100%);
	}

	.user-view {
		width: 100vw;
		min-height: 100vh;
		background: linear-gradient(180deg, #E8F0FC 0%, #F8F8FA 100%);

		.all-btn {
			padding: 20rpx 0;
		}

		.img-all {
			width: 208rpx;
			height: 57rpx;
			margin-right: 20rpx;
		}

		.user-center {
			padding: 14rpx 32rpx;

			.vip-img {
				width: 36rpx;
				height: 30rpx;
			}

			.user-heard {
				// background: linear-gradient(180deg, #ECF2FC 0%, #FFFFFF 100%);

				.user-info {
					padding: 8rpx 0 12rpx 0;

					.num-img {
						width: 40rpx;
						height: 38rpx;
						margin-right: 8rpx;
					}
				}

				.vip-center {
					padding: 0 24rpx 0 20rpx;
					height: 66rpx;
					background: #FAFAFA;
					border-radius: 0rpx 0rpx 12rpx 12rpx;
				}
			}

			.jindou-heard {
				height: 90rpx;
				border-bottom: 1rpx solid #F8F8FA;
			}

			.jindou-num {
				height: 108rpx;

				view:last-child {
					width: 156rpx;
					height: 58rpx;
				}
			}

			.zjgk-heard {
				height: 100rpx;
			}

			.cygj-item {
				width: 25%;

				image {
					width: 60rpx;
					height: 60rpx;
					margin-bottom: 12rpx;
				}
			}

		}

		/deep/.u-mode-center-box {
			background-color: transparent;
		}

		.connection-view {
			width: 686rpx;

			.connert-view {
				height: 917rpx;
				background-image: url('http://duanjusaas.zyrkeji.cn/sqx_fast/file/uploadPath/2024/06/29/409a6ec5502bc3dc24a72a4c3b877d1a.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				padding-top: 354rpx;

				.connert-text {
					margin-top: 110rpx;
				}
			}

			.close-img {
				width: 60rpx;
				height: 60rpx;
			}
		}
	}
</style>